

.container{
	height: 100%;
	background-color: #fff;
	border-radius: var(--border-radius);
	padding: 30px 80px;

	.dashboard1{
		padding: 38px 0 10px;
		background-color: #4778EB;
		color: #fff;
		border-radius: 20px;
		text-align: center;
		font-size: 14px;
		position: relative;
		overflow: hidden;

		.diamond_top{
			left: 0;
			top: 0;
			position: absolute;
		}
		.diamond_bottom{
			right: 0;
			bottom: 0;
			position: absolute;
		}

		.col{
			position: relative;
			z-index: 1;

			&:nth-of-type(1),&:nth-of-type(2),&:nth-of-type(3){

				&::after{
					content: "";
					display: block;
					width: 1px;
					height: 52px;
					background-color: rgba(255,255,255, .3);
					position: absolute;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
				}
			}

			.num{
				:global{
					.ant-statistic-content{
						color: #fff;
						font-size: 32px;
					}
				}
			}
		}

		.msg{
			margin-top: 10px;
			font-size: 12px;
			line-height: 24px;
		}
	}

	.title{
		padding: 30px 0 10px;
		display: flex;
		align-items: center;
		font-size: 18px;
		line-height: 14px;
		font-weight: bold;
		color: #222222;

		.sub_title{
			padding-left: 10px;
			font-size: 12px;
			color: #666666;
			font-weight: normal;
		}
	}



	.dashboard2{
		text-align: center;
		
	
		.col{
			height: 140px;
			width: 100%;
			border-radius: 20px;
			background-color: #F7F8FA;
			justify-content: center;
			font-size: 14px;
			color: #2F2F2F;
	
			.num{
				:global{
					.ant-statistic-content{
						color: #222222;
						font-size: 32px;
					}
				}
			}
		}
	
		:global{
	
			.ant-col{
				&:nth-of-type(1),&:nth-of-type(2){
					.ant-statistic-content{
						color: #4778EB !important;
					}
				}
			}
	
		}
	
	}
}


